<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <!-- mui css -->
    <link href="css/mui.min.css" rel="stylesheet"/>
    <!-- Ecommerce css -->
    <link rel="stylesheet" href="css/Ecommerce3.css" />
    <link rel="stylesheet" href="css/iconfont/iconfont.css" />
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-icon mui-icon-bars"></a>
	    <h1 class="mui-title">Shop</h1>
	    <a class="mui-icon iconfont icon-icon22fuzhi"></a>
	</header>
	
	<div class="mui-content">
		<ul class="mui-table-view">
		    <li class="mui-table-view-cell mui-media">
				<div class="mui-slider-right mui-disabled">
					<a class="mui-btn mui-btn-red">删除</a>
				</div>
				<div class="mui-slider-handle">
					<a href="javascript:;">
		                <img class="mui-media-object mui-pull-left" src="img/1.png">
		                <div class="mui-media-body">
		                    <h4>Elegant Apron-Coco</h4>
		                    <h4>Collection</h4>
		                    <p class="mui-ellipsis">JACKET/BLACK</p>
		                    <h5>¥647.00</h5>
		                </div>
		            </a>
				</div>
			</li>
		       
		    <li class="mui-table-view-cell mui-media">
				<div class="mui-slider-right mui-disabled">
					<a class="mui-btn mui-btn-red">删除</a>
				</div>
				<div class="mui-slider-handle">					
		            <a href="javascript:;">
		                <img class="mui-media-object mui-pull-left" src="img/2.png">
		                <div class="mui-media-body">
		                    <h4>Stylesh Print On T-Shirt</h4>
		                    <h4>by Order</h4>
		                    <p class="mui-ellipsis">T-SHIRTS/BLUE</p>
		                    <h5>¥455.00</h5>
		                </div>
		            </a>
		        </div>
		    </li>
		    
		    <li class="mui-table-view-cell mui-media">
				<div class="mui-slider-right mui-disabled">
					<a class="mui-btn mui-btn-red">删除</a>
				</div>
				<div class="mui-slider-handle">					
		            <a href="javascript:;">
		                <img class="mui-media-object mui-pull-left" src="img/3.png">
		                <div class="mui-media-body">
		                    <h4>Colorful Sundress by the Famous</h4>
		                    <h4>the Famous</h4>
		                    <p class="mui-ellipsis">DRESS/COLOR</p>
		                    <h5>¥220.00</h5>
		                </div>
		                <div class="mui-numbox" data-numbox-min="0">
							<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
							<input class="mui-input-numbox" type="number">
							<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
						</div>
		            </a>
		        </div>
		    </li>
		</ul>
		
		<div class="footer">
		    <ul class="mui-table-view">
		        <li class="mui-table-view-cell">
		            <a class="mui-navigate">
		                TOTAL
		                <span class="yuan">¥845.00</span>
		                <span class="items">3 ITEMS</span>
		            </a>
		        </li>
		    </ul>
		
		    <button class="order" type="button">PLACE ORDER</button>
		</div>
		
	</div>
	
	
	<script src="js/mui.min.js"></script>
	<script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</body>
</html>